{% extends "base.html" %}
{% block title %}Handler's profile · {{ app_name }}{% endblock %}
{% block body %}
<h1>📣 Your Handler's profile
  <small class="hint">where it shows you off — or shows you up <a class="doc" href="/guide/profile" title="the guide on this">📖</a></small></h1>

{% if hosted %}
<section class="card"><p class="hint">Not on a hosted instance — the Handler's profile lives on a server the pup
  chose, and posts from the pup's own box.</p></section>
{% else %}

<section class="card need" id="before">
  <h2>⚠ Before you switch this on</h2>
  <ul>
    <li><b>This is your Handler's profile, not yours.</b> Make it a separate account, never your own, and think
      hard before tying it to anything that is you — a name, a face, a handle people know.</li>
    <li><b>A public post can be copied by every server that sees it.</b> Deleting it here deletes it on your server
      and asks the others to; copies they already took can stay. Followers-only posts reach only the followers
      you let in.</li>
    <li><b>It posts only from what you grant on <a href="/consent">Consent</a></b>, one category at a time: what
      you've earned, what you got wrong, photos you tick here, and your own words. Each one further than the last.
      Tick only what you are comfortable with strangers reading. If being exposed is part of your game, nothing
      here holds you back.</li>
    <li><b>Start private:</b> a locked profile, followers-only posts, nobody following. Open it up when you're sure.</li>
    <li><b>Your safeword stops it.</b> Paused, nothing is posted and drafts wait. Revoke a category and every draft
      written from it is withdrawn. Delete any post — or all of them — below, paused or not.</li>
    <li>It never posts anything about anybody else, a hidden lock's time, or your health.</li>
  </ul>
</section>

<section class="card" id="profile">
  <h2>The profile {% if live %}<span class="badge ok">on</span>{% else %}<span class="badge">off</span>{% endif %}</h2>
  <form method="post" action="/profile/profile" class="stack">
    <input type="hidden" name="_t" value="{{ form_token('profile.profile') }}">
    <label>Its server <input type="url" name="url" value="{{ url }}" placeholder="https://…" autocomplete="off">
      <small class="hint">https only — a GoToSocial, Mastodon or similar server where the profile lives</small></label>
    <label>The profile's access token
      <input type="password" name="token" value="" autocomplete="off" placeholder="{{ 'set — leave blank to keep it' if has_token else 'paste it here' }}">
      <small class="hint">made on the server for this profile (read and write). Never shown again here.</small></label>
    <label>Who sees its posts <select name="visibility">
      {% for v, l in visibilities.items() %}<option value="{{ v }}" {{ 'selected' if v == visibility }}>{{ l }}</option>{% endfor %}
    </select></label>
    <label class="check"><input type="checkbox" name="sensitive" value="1" {{ 'checked' if sensitive }}> Mark posts
      sensitive, behind this warning: <input type="text" name="cw" value="{{ cw }}" maxlength="100"></label>
    <label class="check"><input type="checkbox" name="local_only" value="1" {{ 'checked' if local_only }}> This server
      only — never sent to other servers (GoToSocial; others ignore it)</label>
    <label>It thinks about posting every <input type="number" name="every_hours" min="{{ every_min }}" max="{{ every_max }}" value="{{ every }}"> hours</label>
    <label class="check"><input type="checkbox" name="enabled" value="1" {{ 'checked' if enabled }}> Switched on</label>
    <button class="primary">Save</button>
  </form>
  <div class="row">
    <form method="post" action="/profile/check"><input type="hidden" name="_t" value="{{ form_token('profile.check') }}">
      <button {{ '' if live else 'disabled' }}>Check the profile</button></form>
    {% if has_token %}<form method="post" action="/profile/forget"><input type="hidden" name="_t" value="{{ form_token('profile.forget') }}">
      <button class="danger">Forget the token</button></form>{% endif %}
  </div>
</section>

<section class="card" id="grants">
  <h2>What it may post</h2>
  <p>{% for g in grants %}<span class="badge {{ 'ok' if g.on }}">{{ '✓' if g.on else '·' }} {{ g.label }}</span> {% endfor %}</p>
  <p class="hint">Granted and revoked on <a href="/consent">Consent</a>, under your AI Handler.
    {% if not ai_live %}Your AI Handler isn't on — set it up on the <a href="/ai">AI page</a> first.{% endif %}
    {% if paused %}<b>You're paused:</b> it writes and posts nothing until you resume.{% endif %}</p>
  <form method="post" action="/profile/write"><input type="hidden" name="_t" value="{{ form_token('profile.write') }}">
    <button {{ '' if live and ai_live and not paused else 'disabled' }}>Ask it to write one now</button></form>
</section>

<section class="card" id="photos">
  <h2>Photos it may post</h2>
  <p class="hint">Only the ones you tick — and only while “Post: photos you pick” is granted. Each is re-encoded
    before it leaves: no location, no camera data.</p>
  <form method="post" action="/profile/photos">
    <input type="hidden" name="_t" value="{{ form_token('profile.photos') }}">
    <div class="thumbs">
    {% for c in candidates %}<label class="check thumb"><input type="checkbox" name="photo" value="{{ c.uid }}" {{ 'checked' if c.uid in ticked }}>
      <img src="/media/{{ c.id }}/thumb" alt="{{ c.kind }} photo" loading="lazy" width="96" height="96"></label>
    {% else %}<p class="hint">No photos yet.</p>{% endfor %}
    </div>
    {% if candidates %}<button>Save the ticks</button>{% endif %}
  </form>
</section>

<section class="card" id="drafts">
  <h2>Drafts — waiting for you {% if drafts %}<span class="badge">{{ drafts|length }}</span>{% endif %}</h2>
  {% for p in drafts %}
  <div class="post">
    {% if p.media_uid and media_id.get(p.media_uid) %}<img src="/media/{{ media_id[p.media_uid] }}/thumb" alt="the photo it attached" width="96" height="96">{% endif %}
    <form method="post" action="/profile/post/{{ p.id }}" class="stack">
      <input type="hidden" name="_t" value="{{ form_token('profile.post') }}">
      <textarea name="text" rows="3" maxlength="{{ text_max }}">{{ p.body }}</textarea>
      <small class="hint">written from: {{ p.groups|join(', ') or 'nothing' }}{% if p.error %} · {{ error_says(p.error) }}{% endif %}</small>
      <div class="row">
        <button name="op" value="approve" class="primary">Post it</button>
        <button name="op" value="edit">Save my edit</button>
        <button name="op" value="discard" class="danger">Discard</button>
      </div>
    </form>
  </div>
  {% else %}<p class="hint">Nothing waiting.</p>{% endfor %}
</section>

{% if outbox %}
<section class="card" id="outbox">
  <h2>On its way</h2>
  {% for p in outbox %}
  <div class="post">
    <p>{{ p.body }}</p>
    <small class="hint">{{ p.status }}{% if p.approved_by == 'ai' %} · without asking{% endif %}{% if p.error %} · <span title="{{ p.error }}">{{ error_says(p.error) }}</span>{% endif %}</small>
    {% if p.status in ('failed', 'queued') %}
    <form method="post" action="/profile/post/{{ p.id }}" class="row"><input type="hidden" name="_t" value="{{ form_token('profile.post') }}">
      {% if p.status == 'failed' %}<button name="op" value="retry">Try again</button>{% endif %}
      <button name="op" value="discard" class="danger">Discard</button></form>
    {% endif %}
  </div>
  {% endfor %}
</section>
{% endif %}

<section class="card" id="posted">
  <h2>On the profile {% if posted %}<span class="badge">{{ posted|length }}</span>{% endif %}</h2>
  {% for p in posted %}
  <div class="post">
    <p>{{ p.body }}</p>
    <small class="hint">{{ p.posted_at|local('%Y-%m-%d %H:%M') }} · {{ p.visibility }}{% if p.approved_by == 'ai' %} · posted without asking{% endif %}
      {% if p.remote_url %} · <a href="{{ p.remote_url }}" rel="noreferrer noopener" target="_blank">see it</a>{% endif %}
      {% if p.error %} · {{ error_says(p.error) }}{% endif %}</small>
    <form method="post" action="/profile/post/{{ p.id }}"><input type="hidden" name="_t" value="{{ form_token('profile.post') }}">
      <button name="op" value="delete" class="danger">Delete it</button></form>
  </div>
  {% else %}<p class="hint">Nothing posted.</p>{% endfor %}
  {% if posted %}
  <form method="post" action="/profile/delete-all" class="row"><input type="hidden" name="_t" value="{{ form_token('profile.delete_all') }}">
    <label class="check"><input type="checkbox" name="sure" value="1" required> every post it made</label>
    <button class="danger">Delete everything it posted</button></form>
  {% endif %}
</section>

{% if past %}
<details class="fold card"><summary>Discarded and deleted</summary>
  {% for p in past %}<p class="hint">{{ p.status }} · {{ p.body }}{% if p.error %} · {{ error_says(p.error) }}{% endif %}</p>{% endfor %}
</details>
{% endif %}
{% endif %}
{% endblock %}